<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>门店收款码</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 
	    <link href="__INDEX__/store/css/mui.min.css" rel="stylesheet"/>
		<link rel="stylesheet" href="__INDEX__/store/css/style.css" />
		<link rel="stylesheet" href="__INDEX__/store/css/newsj.css" />
		<style type="text/css">
			.payment_erweima canvas{      height: 34%;
										margin-left: 23%;
										margin-top: 39.5%;
							} 
			.mui-content{padding-bottom: 0px;}
			.payment_conbox {
				background: url(__AGENT__/img/skm.png) no-repeat center 0; 
				background-repeat: no-repeat;
    			background-size: auto 100%;
    			background-attachment: fixed;
			}
			.erweima_con{width:auto;height: 100%;display:block;}
			.payment_shh{margin-top:12%;background: transparent; margin-left: 15px;}
			.ad_score {font-size: 1.5rem;padding-left: 54.3%;font-weight: bold;color: #ff731b;}
			.qrcode{width:100%;height: 100%;}
			.payment_erweima{clear: both;width:100%;height: 100%;}
			.erweim_bt {
				width: 100%;
				margin: 0 auto;
				height: 100%;
			}
			.payment_conbox {
				height: 100%;
				padding:0 0 0 0;
			}
		</style>
		<!--[if lt IE 9]> 
		<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]--> 
	</head>

	<body class="sjindexcon">
		<!-- <div class="mui-content sjindexcon" id="payment_conbox">
			<div class="payment_conbox">
				<div class="ewm_sjnam">{$agent_info.agent_name}</div>
				<div class="erweimabox">
					<div class="payment_erweima"  >
						<div id="qrcode" ></div>
					</div>
				</div>
				<div style="text-align: center;padding-top: 20px;color:white;font-size: 1.1rem;"><span id="t1"></span></div>
				<div class="ewm_tips"></div>
			</div>
			<div><img src=""></div>
		</div>
		<div id ='cut_img'></div> -->

		<div class="mui-content" ></div>
				<div class="erweima_con" id='payment_conbox'>
					<div class="payment_conbox" >
						<div class="erweim_bt">
							<div class="payment_erweima"  >
								<div class="qrcode" id="qrcode"></div>
								<div class='ad_score'></div>
							</div>
						</div>
					</div>
		</div>
	</body>
</html>

{include file="public/footer" /}
<script type="text/javascript" src="__PUBLIC__/static/js/jquery.form.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/js/jquery.qrcode.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/js/utf.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/js/zepto-1.1.6.min.js"></script>
<script type="text/javascript" src='__PUBLIC__/static/js/html2canvas.js'></script>
<script>
	var index = layer.load(0, {shade: false,time: 1.5 * 1000});
	$(".layui-layer-loading").css("left", "50%");
	var url = "{$code_url}";
	 $("#qrcode").qrcode({
        render : "canvas",    		//设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
        text 		: url,    		//扫描二维码后显示的内容,可以直接填一个网址，扫描二维码后自动跳向该链接
        width 		: "180",    	//二维码的宽度
        height 		: "180",    	//二维码的高度
        background 	: "#ffffff",    //二维码的后景色
        foreground 	: "#000000",    //二维码的前景色
    });
	 setTimeout(function(){
	html2canvas($("#payment_conbox"), {
		 onrendered: function (canvas) {
		     var url = canvas.toDataURL(); //base64数据
		     var image = new Image();
		     image.src = url;
		     image.id = 'div_img';
		     $('#cut_img').append(image);
		     //$('#payment_conbox').hide();
		   }
		});
},1000);
   
</script>
